<!DOCTYPE html>
<html>

	<head>
		<link rel="stylesheet" href="<?php echo APP_TEMPLATES_URL;?>/css/public.css" />
		<style>
			.exchangebnt {
				font-size: 16px;
				line-height: 35px;
				color: #000000;
				background: #f0b33e;
				float: left;
				text-align: center;
				width: 100%;
				border-radius:5px;
			}
			.exchangebnt:active{
				background: #d8b167;
				color: #333333 !important;
			}
			.exchangebnt:hover{color: #000000;}
		</style>

		<script type="application/javascript">
			function handleDiv(){
				$(".tanmu").slideToggle();
				$(".tanmu2").slideToggle();
			}
		</script>
	</head>

	<body style="background: #F4F4F4;">

		<!-- 导航 -->
		<div class="mui-bar mui-bar-nav bj">
			<button id="zhuce" class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys mui-action-back">
				<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/back.png" />
			</button>
			<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-right zys rigbtn">
				<a href="#" onclick="handleDiv()">
					<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/m_dian.png" />
				</a>
			</button>
			<h1 class="mui-title"><label style="font-size: 22px;vertical-align: middle; line-height: 44px;">我的积分</label></h1>
		</div>

<div style="height: 80px; background-color: #000000; clear: both;">
	<table width="100%" style="height: 100%;">
		<tr >
			<td style="text-align: center;vertical-align: middle;"><p style="color: #FFFFFF;font-size: 16px;">总积分</p><p style="color: #f9b800;font-size: 16px;">228</p>
			</td>
			<td style="text-align: center;vertical-align: middle;"><p style="color: #FFFFFF;font-size: 16px;">可用积分</p><p style="color: #f9b800;font-size: 16px;"><?php echo $output['member_info']['member_points']; ?></p>
			</td>
			<td style="text-align: center;vertical-align: middle;"><p style="color: #FFFFFF;font-size: 16px;">已用积分</p><p style="color: #f9b800;font-size: 16px;">100</p>
			</td>
		</tr>
	</table>
</div>

	<div style="margin-left: 10px;margin-right: 10px;background-color:#ffffff;">
        <div style="height: 15px; background: #F4F4F4; clear: both;"></div>
		<div>
			<table width="100%" style="height: 132px;">
				<tr>
					<td width="14px">
						<img src="<?php echo APP_TEMPLATES_URL;?>/images/jifen_01.jpg" style="height: 132px;">
					</td>
					<td style="vertical-align: middle;" width="50%" align="center">
						<table style="height: 80%;width: 80%;">
							<tr style="vertical-align: bottom;">
								<td><label style="font-size: 26px;color: #ff5f2f;">¥</label><label style="font-size: 40px;color: #ff5f2f; margin-left: 5px;">10</label></td>
								<td style="vertical-align: middle;" align="right">代金券</td>
							</tr>
							<tr style="height: 10px;"></tr>
							<tr style="vertical-align: top;"><td colspan="2" style="color: #999999;">每满1000元抵10元</td></tr>
						</table>
					</td>
					<td>
						<img src="<?php echo APP_TEMPLATES_URL;?>/images/jifen_02.jpg" style="height: 132px;">
					</td>
					<td style="vertical-align: middle;" width="40%" align="center">
						<table style="height: 60%;width: 80%;" border="0">
							<tr style="vertical-align: bottom;">
								<td style="vertical-align: middle;" align="center"><label style="font-size: 16px;">需要100积分</label></td>
							</tr>
							<tr style="height: 10px;"></tr>
							<tr style="vertical-align: top;">
								<td style="color: #999999;"><a href="#" onclick="" class="exchangebnt">立即兑换</a></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>


		<div style="height: 15px; background: #F4F4F4; clear: both;"></div>
		<div>
			<table width="100%" style="height: 132px;">
				<tr>
					<td width="14px">
						<img src="<?php echo APP_TEMPLATES_URL;?>/images/jifen_01.jpg" style="height: 132px;">
					</td>
					<td style="vertical-align: middle;" width="50%" align="center">
						<table style="height: 80%;width: 80%;">
							<tr style="vertical-align: bottom;">
								<td><label style="font-size: 26px;color: #ff5f2f;">¥</label><label style="font-size: 40px;color: #ff5f2f; margin-left: 5px;">10</label></td>
								<td style="vertical-align: middle;" align="right">代金券</td>
							</tr>
							<tr style="height: 10px;"></tr>
							<tr style="vertical-align: top;"><td colspan="2" style="color: #999999;">每满1000元抵10元</td></tr>
						</table>
					</td>
					<td>
						<img src="<?php echo APP_TEMPLATES_URL;?>/images/jifen_02.jpg" style="height: 132px;">
					</td>
					<td style="vertical-align: middle;" width="40%" align="center">
						<table style="height: 60%;width: 80%;" border="0">
							<tr style="vertical-align: bottom;">
								<td style="vertical-align: middle;" align="center"><label style="font-size: 16px;">需要100积分</label></td>
							</tr>
							<tr style="height: 10px;"></tr>
							<tr style="vertical-align: top;">
								<td style="color: #999999;"><a href="#" onclick="" class="exchangebnt">立即兑换</a></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>
		<div style="height: 30px; background: #F4F4F4; clear: both;"></div>
		<div style="background: #F4F4F4; clear: both;text-align: center;vertical-align: middle;">
			<img src="<?php echo APP_TEMPLATES_URL;?>/images/jifen_03.png" style="width: 20px;height: 20px;">
			<label style="text-decoration: underline;margin-left: 8px;font-size: 16px;"><a href="<?php echo APP_SITE_URL;?>/index.php?act=member_points&op=integral_rule">积分规则</a></label>
		</div>
	</div>


		<style>
			.tanmu{background: rgba(0, 0, 0, 0.51); position: fixed; width: 100%; height: 100%; z-index: 990; top: 0; display: none;text-align: center;}
			.tanmu2{background: #FFFFFF; position: fixed; width: 100%;z-index: 996; bottom: 0; display: none;}
		</style>

		<div class="tanmu"></div>

		<div class="tanmu2">
			<div style="padding: 10px 0 10px 10px;text-align: center;">
				<p style="font-size: 16px; color: #666666; margin-bottom: 6px;"><a href="<?php echo APP_SITE_URL;?>/index.php?act=member_points&op=points_list">积分记录</a></p>
			</div>
			<div style="height: 2px; background: #F4F4F4; clear: both;"></div>
			<div style="padding: 10px 0 10px 10px;text-align: center;">
				<p style="font-size: 16px; color: #666666; margin-bottom: 6px;"><a href="<?php echo APP_SITE_URL;?>/index.php?act=member_points&op=integral_rule">积分规则</a></p>
			</div>
			<div style="height: 10px; background: #F4F4F4; clear: both;"></div>
			<div style="padding: 10px 0 10px 10px;text-align: center;">
				<p style="font-size: 16px; color: #666666; margin-bottom: 6px;"><a href="#" onclick="handleDiv()">取消</a></p>
			</div>
		</div>

	</body>

</html>